<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="./lib/vue.js"></script>
	</head>
	<body>
		<div id="app">
			<!-- 使用标签形式，引入自己的组件 -->
			<mycom1></mycom1>
		</div>
		<!-- 在#app外边，使用 template元素定义组件HTML模板结构-->
		<template id="tmp1">
			<div>
				<h2>nnnnnnn</h2>
				<h3>hjhkjhjkh</h3>
			</div>
		</template>
		<script>
			//注意：不论是哪种方式创建出来的组件，模板内容必须只有唯一的根，全局的
			Vue.component('mycom1', {
				template: '#tmp1',
			})
			var vm = new Vue({
				el: '#app',
				data: {},
				methods: {}
			})
		</script>
	</body>
</html>
